// <Button>
// title是用来显示文本
// onPress 是用来绑定按钮点击事件

import { Alert, Button, StyleSheet, Text, View } from 'react-native';

export default function App() {
  const handlePress = () => {
    // 原生React-Native的弹窗需要通过Alert来显示
    Alert.alert('提示弹窗');
    // 浏览器弹窗
    // alert('提示弹窗');
  };
  return (
    <>
      <View>
        <Text style={styles.title}>jsx语法</Text>
      </View>
      {/* color设置字体颜色属性 */}
      <Button title="点我" onPress={handlePress} color="#841484"></Button>
      {/* 禁用按钮组件属性disabled ，默认是false*/}
      <Button title="点我22" onPress={handlePress} disabled={true} />
    </>
  );
}

const styles = StyleSheet.create({
  title: {
    fontSize: 30,
    color: 'blue',
  },
});
